<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/jd.css">
    <link rel="stylesheet" type="text/css" href="icon/iconfont.css">


</head>
<body>
<!--导航开始-->
<div class="nav">
    <div class="warp">
        <ul class="nav-ul1">
            <li><a href=""><i class="iconfont">&#xe69a</i>京东首页</a></li>
            <li><a href="">配送至：地球</a></li>
        </ul>
        <ul class="nav-ul2">
            <li><a href="">洋洋宝贝</a><span>|</span></li>
            <li><a href="">我的订单</a><span>|</span></li>
            <li><a href="">我的京东</a><span>|</span></li>
            <li><a href="">京东会员</a><span>|</span></li>
            <li><a href="">企业采购</a><span>|</span></li>
            <li><a href="">京东手机</a><span>|</span></li>
            <li><a href="">关注京东</a><span>|</span></li>
            <li><a href="">客户服务</a><span>|</span></li>
            <li><a href="">网站导航</a></li>
        </ul>


    </div>



</div>
<!--导航结束-->
<!--搜索框开始-->
<div class="search">
    <div class="warp">
        <img src="img/logo-201305-b.png">
        <div class="search-div">
            <input type="text" class="search-text">
            <input type="button" value="搜索" class="search-but">
        </div>
    </div>
</div>
<!--搜索框结束-->
<!--标题开始-->
<div class="title warp">
    <h3>全部商品</h3>
    <div>
        <span>配送至</span>
        <select>
            <option>1区</option>
            <option>2区</option>
            <option>3区</option>
            <option>4区</option>
            <option>5区</option>
        </select>
    </div>
</div>
<!--标题结束-->
<!--显示菜单开始-->
<div class="tips warp">
    <ul>
        <li>
            <input type="checkbox">
            全选
        </li>
        <li>商品</li>
        <li>单价</li>
        <li>数量</li>
        <li>小计</li>
        <li>操作</li>
    </ul>
</div>
<!--显示菜单结束-->
<!--商品详情开始-->
<div class="info warp">
    <ul>
        <li class="info-1"><input type="checkbox"></li>
        <li class="info-2"><img src="img/1.jpg" width="80px"></li>
        <li class="info-3"><a>超值优惠地球地球无多群多群</a></li>
        <li class="info-4"><a>颜色：红</a></li>
        <li class="info-5">￥182.5</li>
        <li class="info-6">
            <button>-</button>
            <input type="text" name="" id="" value="1">
            <button class="bot">+</button>
        </li>
        <li class="info-7">￥182.5</li>
        <li class="info-8">
            <a>删除</a><br>
            <a>移到我的关注</a>
        </li>
    </ul>
</div>
<div class="info warp">
    <ul>
        <li class="info-1"><input type="checkbox"></li>
        <li class="info-2"><img src="img/1.jpg" width="80px"></li>
        <li class="info-3"><a>超值优惠地球地球无多群多群</a></li>
        <li class="info-4"><a>颜色：红</a></li>
        <li class="info-5">￥182.5</li>
        <li class="info-6">
            <button>-</button>
            <input type="text" name="" id="" value="1">
            <button class="bot">+</button>
        </li>
        <li class="info-7">￥182.5</li>
        <li class="info-8">
            <a>删除</a><br>
            <a>移到我的关注</a>
        </li>
    </ul>
</div>
<div class="info warp">
    <ul>
        <li class="info-1"><input type="checkbox"></li>
        <li class="info-2"><img src="img/1.jpg" width="80px"></li>
        <li class="info-3"><a>超值优惠地球地球无多群多群</a></li>
        <li class="info-4"><a>颜色：红</a></li>
        <li class="info-5">￥182.5</li>
        <li class="info-6">
            <button>-</button>
            <input type="text" name="" id="" value="1">
            <button class="bot">+</button>
        </li>
        <li class="info-7">￥182.5</li>
        <li class="info-8">
            <a>删除</a><br>
            <a>移到我的关注</a>
        </li>
    </ul>
</div>
<!--商品详情结束-->
<!--结算开始-->
<div class="balabnce warp">
    <ul class="balabnce-ul1">
        <li>
            <input type="checkbox" name="" id="" value="">
        </li>
        <li><a>删除选中商品</a></li>
        <li><a>移到我的关注</a></li>
        <li><a>清除下柜商品</a></li>
    </ul>
     <ul class="balabnce-ul2">
         <li>已选择<span>1</span>件商品</li>
         <li>总价<span>￥12</span></li>
         <li>
             <button class="butt">去结束</button>
         </li>
     </ul>
</div>
<!--结算结束-->
</body>
</html>